/*!
Video.js Default Styles (http://videojs.com)
Version 4.5.1
Create your own skin at http://designer.videojs.com
*/

.vjs-default-skin {
  color:#ccc;
}

@font-face {
  font-family:VideoJS;
  src:url(../f/2/vjs.eot);
  src:url(../f/2/vjs.eot?#iefix) format('embedded-opentype'),url(vjs.woff) format('woff'),url(vjs.ttf) format('truetype');
  font-weight:400;
  font-style:normal;
}

.vjs-default-skin .vjs-slider {
  outline:0;
  position:relative;
  cursor:pointer;
  padding:0;
  background-color:#333;
  background-color:rgba(51,51,51,.9);
}

.vjs-default-skin .vjs-slider:focus {
  -webkit-box-shadow:0 0 2em #fff;
  -moz-box-shadow:0 0 2em #fff;
  box-shadow:0 0 2em #fff;
}

.vjs-default-skin .vjs-slider-handle {
  position:absolute;
  left:0;
  top:0;
}

.vjs-default-skin .vjs-slider-handle:before {
  content:"\e009";
  font-family:VideoJS;
  font-size:1em;
  line-height:1;
  text-align:center;
  text-shadow:0 0 1em #fff;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.vjs-default-skin .vjs-control-bar {
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:3em;
  background-color:#07141e;
  background-color:rgba(7,20,30,.7);
}

.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display:block;
  visibility:visible;
  opacity:1;
  -webkit-transition:visibility .1s,opacity .1s;
  -moz-transition:visibility .1s,opacity .1s;
  -o-transition:visibility .1s,opacity .1s;
  transition:visibility .1s,opacity .1s;
}

.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display:block;
  visibility:hidden;
  opacity:0;
  -webkit-transition:visibility 1s,opacity 1s;
  -moz-transition:visibility 1s,opacity 1s;
  -o-transition:visibility 1s,opacity 1s;
  transition:visibility 1s,opacity 1s;
}

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display:none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display:none;
}

@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar:before {
    content:"";
  }
}

.vjs-default-skin .vjs-control {
  outline:0;
  position:relative;
  float:left;
  text-align:center;
  margin:0;
  padding:0;
  height:3em;
  width:4em;
}

.vjs-default-skin .vjs-control:before {
  font-family:VideoJS;
  font-size:1.5em;
  line-height:2;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-align:center;
  text-shadow:1px 1px 1px rgba(0,0,0,.5);
}

.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow:0 0 1em #fff;
}

.vjs-default-skin .vjs-control:focus {}

.vjs-default-skin .vjs-control-text {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

.vjs-default-skin .vjs-play-control {
  width:5em;
  cursor:pointer;
}

.vjs-default-skin .vjs-play-control:before {
  content:"\e001";
}

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content:"\e002";
}

.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor:pointer;
  float:right;
}

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content:"\e006";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content:"\e003";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content:"\e004";
}

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content:"\e005";
}

.vjs-default-skin .vjs-volume-control {
  width:5em;
  float:right;
}

.vjs-default-skin .vjs-volume-bar {
  width:5em;
  height:.6em;
  margin:1.1em auto 0;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height:2.9em;
}

.vjs-default-skin .vjs-volume-level {
  position:absolute;
  top:0;
  left:0;
  height:.5em;
  background:#66a8cc url() -50% 0 repeat;
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width:.5em;
  height:.5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size:.9em;
  top:-.2em;
  left:-.2em;
  width:1em;
  height:1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width:6em;
  left:-4em;
}

.vjs-default-skin .vjs-progress-control {
  position:absolute;
  left:0;
  right:0;
  width:auto;
  font-size:.3em;
  height:1em;
  top:-1em;
  -webkit-transition:all .4s;
  -moz-transition:all .4s;
  -o-transition:all .4s;
  transition:all .4s;
}

.vjs-default-skin:hover .vjs-progress-control {
  font-size:.9em;
  -webkit-transition:all .2s;
  -moz-transition:all .2s;
  -o-transition:all .2s;
  transition:all .2s;
}

.vjs-default-skin .vjs-progress-holder {
  height:100%;
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position:absolute;
  display:block;
  height:100%;
  margin:0;
  padding:0;
  left:0;
  top:0;
}

.vjs-default-skin .vjs-play-progress {
  background:#66a8cc url() -50% 0 repeat;
}

.vjs-default-skin .vjs-load-progress {
  background:#646464;
  background:rgba(255,255,255,.4);
}

.vjs-default-skin .vjs-seek-handle {
  width:1.5em;
  height:100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top:.1em;
}

.vjs-default-skin .vjs-time-controls {
  font-size:1em;
  line-height:3em;
}

.vjs-default-skin .vjs-current-time {
  float:left;
}

.vjs-default-skin .vjs-duration {
  float:left;
}

.vjs-default-skin .vjs-remaining-time {
  display:none;
  float:left;
}

.vjs-time-divider {
  float:left;
  line-height:3em;
}

.vjs-default-skin .vjs-fullscreen-control {
  width:3.8em;
  cursor:pointer;
  float:right;
}

.vjs-default-skin .vjs-fullscreen-control:before {
  content:"\e000";
}

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content:"\e00b";
}

.vjs-default-skin .vjs-big-play-button {
  left:.5em;
  top:.5em;
  font-size:3em;
  display:block;
  z-index:2;
  position:absolute;
  width:4em;
  height:2.6em;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  opacity:1;
  background-color:#07141e;
  background-color:rgba(7,20,30,.7);
  border:.1em solid #3b4249;
  -webkit-border-radius:.8em;
  -moz-border-radius:.8em;
  border-radius:.8em;
  -webkit-box-shadow:0 0 1em rgba(255,255,255,.25);
  -moz-box-shadow:0 0 1em rgba(255,255,255,.25);
  box-shadow:0 0 1em rgba(255,255,255,.25);
  -webkit-transition:all .4s;
  -moz-transition:all .4s;
  -o-transition:all .4s;
  transition:all .4s;
}

.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  left:50%;
  margin-left:-2.1em;
  top:50%;
  margin-top:-1.4000000000000001em;
}

.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display:none;
}

.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display:none;
}

.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display:none;
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline:0;
  border-color:#fff;
  background-color:#505050;
  background-color:rgba(50,50,50,.75);
  -webkit-box-shadow:0 0 3em #fff;
  -moz-box-shadow:0 0 3em #fff;
  box-shadow:0 0 3em #fff;
  -webkit-transition:all 0s;
  -moz-transition:all 0s;
  -o-transition:all 0s;
  transition:all 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content:"\e001";
  font-family:VideoJS;
  line-height:2.6em;
  text-shadow:.05em .05em .1em #000;
  text-align:center;
  position:absolute;
  left:0;
  width:100%;
  height:100%;
}

.vjs-loading-spinner {
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  font-size:4em;
  line-height:1;
  width:1em;
  height:1em;
  margin-left:-.5em;
  margin-top:-.5em;
  opacity:.75;
  -webkit-animation:spin 1.5s infinite linear;
  -moz-animation:spin 1.5s infinite linear;
  -o-animation:spin 1.5s infinite linear;
  animation:spin 1.5s infinite linear;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content:"\e01e";
  font-family:VideoJS;
  position:absolute;
  top:0;
  left:0;
  width:1em;
  height:1em;
  text-align:center;
  text-shadow:0 0 .1em #000;
}

@-moz-keyframes spin {
  0% {
    -moz-transform:rotate(0deg);
  }
  100% {
    -moz-transform:rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform:rotate(0deg);
  }
  100% {
    -webkit-transform:rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform:rotate(0deg);
  }
  100% {
    -o-transform:rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(359deg);
  }
}

.vjs-default-skin .vjs-menu-button {
  float:right;
  cursor:pointer;
}

.vjs-default-skin .vjs-menu {
  display:none;
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:0;
  margin-bottom:3em;
  border-left:2em solid transparent;
  border-right:2em solid transparent;
  border-top:1.55em solid #000;
  border-top-color:rgba(7,40,50,.5);
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display:block;
  padding:0;
  margin:0;
  position:absolute;
  width:10em;
  bottom:1.5em;
  max-height:15em;
  overflow:auto;
  left:-5em;
  background-color:#07141e;
  background-color:rgba(7,20,30,.7);
  -webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
  -moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
  box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);
}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display:block;
}

.vjs-default-skin .vjs-menu-button ul li {
  list-style:none;
  margin:0;
  padding:.3em 0;
  line-height:1.4em;
  font-size:1.2em;
  text-align:center;
  text-transform:lowercase;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color:#000;
}

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline:0;
  color:#111;
  background-color:#fff;
  background-color:rgba(255,255,255,.75);
  -webkit-box-shadow:0 0 1em #fff;
  -moz-box-shadow:0 0 1em #fff;
  box-shadow:0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align:center;
  text-transform:uppercase;
  font-size:1em;
  line-height:2em;
  padding:0;
  margin:0 0 .3em;
  font-weight:700;
  cursor:default;
}

.vjs-default-skin .vjs-subtitles-button:before {
  content:"\e00c";
}

.vjs-default-skin .vjs-captions-button:before {
  content:"\e008";
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow:0 0 1em #fff;
  -moz-box-shadow:0 0 1em #fff;
  box-shadow:0 0 1em #fff;
}

.video-js {
  background-color:#000;
  position:relative;
  padding:0;
  font-size:10px;
  vertical-align:middle;
  font-weight:400;
  font-style:normal;
  font-family:Arial,sans-serif;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

.video-js .vjs-tech {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.video-js:-moz-full-screen {
  position:absolute;
}

body.vjs-full-window {
  padding:0;
  margin:0;
  height:100%;
  overflow-y:auto;
}

.video-js.vjs-fullscreen {
  position:fixed;
  overflow:hidden;
  z-index:1000;
  left:0;
  top:0;
  bottom:0;
  right:0;
  width:100% !important;
  height:100% !important;
  _position:absolute;
}

.video-js:-webkit-full-screen {
  width:100% !important;
  height:100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor:none;
}

.vjs-poster {
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
  cursor:pointer;
  height:100%;
  margin:0;
  padding:0;
  position:relative;
  width:100%;
}

.vjs-poster img {
  display:block;
  margin:0 auto;
  max-height:100%;
  padding:0;
  width:100%;
}

.video-js.vjs-using-native-controls .vjs-poster {
  display:none;
}

.video-js .vjs-text-track-display {
  text-align:center;
  position:absolute;
  bottom:4em;
  left:1em;
  right:1em;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom:1em;
}

.video-js .vjs-text-track {
  display:none;
  font-size:1.4em;
  text-align:center;
  margin-bottom:.1em;
  background-color:#000;
  background-color:rgba(0,0,0,.5);
}

.video-js .vjs-subtitles {
  color:#fff;
}

.video-js .vjs-captions {
  color:#fc6;
}

.vjs-tt-cue {
  display:block;
}

.vjs-default-skin .vjs-hidden {
  display:none;
}

.vjs-lock-showing {
  display:block !important;
  opacity:1;
  visibility:visible;
}